<template>
  <div class="hello">
    <App></App>
    <x-header>申请详情</x-header>
    <card :header="{title: '南京市鼓楼区水利数据接口' }" >
      <p slot="content" class="card-padding">根据国家规定的事项，现需要进行接口申请调用根据国家规定的事项，现需要进行接口申请调用根据国家规定的事项，现需要进行接口申请调用根据国家规定的事项，现需要进行接口申请调用</p>
    </card>
    <card :header="{title: '处理结果' }" >
      <p slot="content" class="card-padding"><span style="color: orangered">审核不通过</span></p>
    </card>
  </div>
</template>
<script>
import App from '../../App'
import { Tabbar, TabbarItem, Group, Cell, XHeader, Search, PopupHeader, Popup, TransferDom, Radio, Panel, Card } from 'vux'
// import Vue from 'vue'

// Vue.use(myTabbar)

export default {
  name: 'ApiApplyDetail',
  directives: {
    TransferDom
  },
  components: {
    App,
    XHeader,
    Search,
    Tabbar,
    TabbarItem,
    Group,
    Cell,
    PopupHeader,
    Popup,
    TransferDom,
    Radio,
    Panel,
    Card
  },
  data () {
    return {}
  },
  methods: {
  }
}
</script>

<style scoped lang="less">
  @import '~vux/src/styles/1px.less';

  .card-demo-flex {
    display: flex;
  }
  .card-demo-content01 {
    padding: 10px 0;
  }
  .card-padding {
    padding: 15px;
  }
  .card-demo-flex > div {
    flex: 1;
    text-align: center;
    font-size: 12px;
  }
  .card-demo-flex span {
    color: #f74c31;
  }
</style>

